/*
 * @Author: DaQing Lu
 * @Date: 2020-02-05 16:41:07
 * @LastEditors  : DaQing Lu
 * @LastEditTime : 2020-02-06 11:33:21
 * @Description: file content
 */
import React from 'react';
import ReactWOW from 'react-wow'
import "animate.css";
import './Item1.scss';
function Item1() {
  return (
    <div className="item-container">
      <ol className="item1">

        <li>
          <ReactWOW animation="bounceInLeft" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic1.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>

        <li>
          <ReactWOW animation="bounceInLeft" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic2.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
        <li>
          <ReactWOW animation="bounceInLeft" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic3.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
        <li>
          <ReactWOW animation="bounceInLeft" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic4.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
      </ol>
      <ol className="item2">
        <li>
          <ReactWOW animation="bounceInDown" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic5.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
        <li>
          <ReactWOW animation="bounceIn" animateClass="animated" duration="3s" offset={0} delay="1">
            <img src={require("./iamges/img1/main.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
        <li>
          <ReactWOW animation="bounceInUp" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic6.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
      </ol>
      <ol className="item3">
        <li>
          <ReactWOW animation="bounceInRight" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic7.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
        <li>
          <ReactWOW animation="bounceInRight" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic8.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
        <li>
          <ReactWOW animation="bounceInRight" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic9.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
        <li>
          <ReactWOW animation="bounceInRight" animateClass="animated" duration="1.5s" offset={0} delay="1">
            <img src={require("./iamges/img1/pic10.png")} alt="图片加载失败" />
          </ReactWOW>
        </li>
      </ol>
    </div>
  )
}
export default Item1;